﻿<!doctype html>
<html lang="en">

	<head>
		<!-- Meta -->
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">

		<!-- favicon -->
		<link rel="icon" sizes="16x16" href="assets/img/favicon1.ico">

		<!-- Title -->
		<title> ASLife 生活分享平台 </title>

		<!-- Font Google -->
		<link href="https://fonts.googleapis.com/css?family=Muli:300,400,500,600,700,800,900&display=swap"
			rel="stylesheet">

		<!-- CSS Plugins -->
		<link rel="stylesheet" href="assets/css/all.css">
		<link rel="stylesheet" href="assets/css/elegant-font-icons.css">
		<link rel="stylesheet" href="assets/css/bootstrap.min.css">
		<link rel="stylesheet" href="assets/css/owl.carousel.css">

		<!-- main style -->
		<link rel="stylesheet" href="assets/css/style.css">

	</head>

	<body>
		<!--loading -->
		<div class="loading">
			<div class="circle"></div>
		</div>
		<!--/-->

		<!-- Navigation-->
		<nav class="navbar navbar-expand-lg fixed-top">
			<div class="container-fluid">
				<!--logo-->
				<div class="logo">
					<a href="index.html">
						<img src="assets/img/aslife-logo.png" alt="">
					</a>
				</div>
				<!--/-->

				<!--navbar-collapse-->
				<div class="collapse navbar-collapse" id="main_nav">
					<ul class="navbar-nav ml-auto mr-auto">
						<li class="nav-item">
							<a class="nav-link" href="index.html"> 首页 </a>

						</li>

						<li class="nav-item">
							<a class="nav-link" href="find.html"> 发现 </a>

						</li>
						<!-- <li class="nav-item dropdown">
                        <a class="nav-link  dropdown-toggle" href="post-default.html" data-toggle="dropdown"> Posts Features </a>
                        <ul class="dropdown-menu fade-up">
                            <li>
                                <a class="dropdown-item" href="post-default.html"> post default</a>
                            </li>
                            <li>
                                <a class="dropdown-item" href="post-no-sidebar.html"> post no sidebar </a>
                            </li>
                            <li>
                                <a class="dropdown-item" href="post-left-sidebar.html"> post left sidebar </a>
                            </li>
                        </ul>
                    </li> -->

						<li class="nav-item">
							<a class="nav-link" href="about.html"> About </a>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="publish.html"> 发表 </a>
						</li>
						<!-- <li class="nav-item">
							<a class="nav-link" href="login.html"> 登录 </a>
						</li> -->
					</ul>
				</div>
				<!--/-->

				<!--navbar-right-->
				<div class="navbar-right ml-auto">
					<div class="social-icones">
						<ul class="list-inline">



							<a href="login.html">
								<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
									class="bi bi-person-circle" viewBox="0 0 16 16">
									<path d="M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0z" />
									<path fill-rule="evenodd"
										d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1z" />
								</svg>
							</a>


							<a href="index.html">
								<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
									class="bi bi-chat-square-text-fill" viewBox="0 0 16 16">
									<path
										d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.5a1 1 0 0 0-.8.4l-1.9 2.533a1 1 0 0 1-1.6 0L5.3 12.4a1 1 0 0 0-.8-.4H2a2 2 0 0 1-2-2V2zm3.5 1a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1h-9zm0 2.5a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1h-9zm0 2.5a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5z" />
								</svg>
							</a>


						</ul>
					</div>

					<div class="search-icon">
						<i class="icon_search"></i>
					</div>

					<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#main_nav"
						aria-expanded="false" aria-label="Toggle navigation">
						<span class="navbar-toggler-icon"></span>
					</button>
				</div>
			</div>
		</nav>
		<!--/-->

		<!--carousel-hero-->
		<section class="section carousel-hero">
			<div class="owl-carousel">
				<div class="hero d-flex align-items-center " style="background-image: url('assets/img/hero/2.jpg')">
					<div class="container-fluid">
						<div class="row">
							<div class="col-lg-8 offset-lg-2 col-md-10 offset-md-1">
								<div class="hero-content">
									<a href="find.html" class="categorie">ASLife发现</a>
									<h2>
										<a href="post-default.html">欢迎来到ASLife生活分享平台，快来记录你的生活吧 </a>
									</h2>

									<div class="post-card-info">
										<ul class="list-inline">
											<li>
												<a href="author.html">
													<img src="assets/img/author/1.jpg" alt="">
												</a>
											</li>
											<li>
												<a href="author.html">乃琳</a>
											</li>
											<li class="dot"></li>
											<li>December 2, 2022</li>
											<li class="dot"></li>
											<li>奶淇琳欢迎您</li>
										</ul>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="hero d-flex align-items-center" style="background-image: url('assets/img/hero/1.jpg')">
					<div class="container-fluid">
						<div class="row">
							<div class="col-lg-8 offset-lg-2 col-md-10 offset-md-1">
								<div class="hero-content">
									<a href="find.html" class="categorie">ASLife发现</a>
									<h2><a href="post-default.html">欢迎来到ASLife生活分享平台，快来记录你的生活吧 </a></h2>
									<div class="post-card-info">
										<ul class="list-inline">
											<li><a href="author.html"><img src="assets/img/author/1.jpg" alt=""></a>
											</li>
											<li><a href="author.html">向晚</a></li>
											<li class="dot"></li>
											<li>December 2, 2022</li>
											<li class="dot"></li>
											<li>顶碗人欢迎您</li>
										</ul>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="hero d-flex align-items-center " style="background-image: url('assets/img/hero/3.jpg')">
					<div class="container-fluid">
						<div class="row">
							<div class="col-lg-8 offset-lg-2 col-md-10 offset-md-1">
								<div class="hero-content">
									<a href="find.html" class="categorie">ASLife发现</a>
									<h2>
										<a href="post-default.html">欢迎来到ASLife生活分享平台，快来记录你的生活吧 </a>
									</h2>

									<div class="post-card-info">
										<ul class="list-inline">
											<li><a href="author.html"><img src="assets/img/author/1.jpg" alt=""></a>
											</li>
											<li><a href="author.html">贝拉</a></li>
											<li class="dot"></li>
											<li>December 2, 2022</li>
											<li class="dot"></li>
											<li>贝极星欢迎您</li>
										</ul>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!--/-->

		<!--masonry-layout-->
		<section class="mt-40 masonry-layout">
			<div class="container-fluid">
				<div class="row">
					<div class="col-lg-12">
						<div class="card-columns">
							<!--Post-1-->
							<div class="card">
								<div class="post-card">
									<div class="post-card-image">
										<a href="post-default.html">
											<img src="assets/img/blog/20.jpg" alt="">
										</a>

									</div>
									<div class="post-card-content">
										<a href="blog-grid.html" class="categorie"> Travel</a>
										<h5>
											<a href="post-default.html">Rodrigues Island: When I Found a Paradise Next
												to Paradise</a>
										</h5>
										<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Odit quam atque ipsa
											laborum sunt
											distinctio...
										</p>
										<div class="post-card-info">
											<ul class="list-inline">
												<li>
													<a href="author.html">
														<img src="assets/img/author/1.jpg" alt="">
													</a>
												</li>
												<li>
													<a href="author.html">David Smith</a>
												</li>
												<li class="dot"></li>
												<li>January 15, 2021</li>
											</ul>
										</div>
									</div>
								</div>
							</div>
							<!--/-->

							<!--Post-2-->
							<div class="card">
								<div class="post-card">
									<div class="post-card-image">
										<a href="post-default.html">
											<img src="assets/img/blog/21.jpg" alt="">
										</a>

									</div>
									<div class="post-card-content">
										<a href="blog-grid.html" class="categorie">Travel</a>
										<h5>
											<a href="post-default.html">The Best Cities to Travel Alone in the USA</a>
										</h5>
										<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Odit quam atque ipsa
											laborum sunt
											distinctio...
										</p>
										<div class="post-card-info">
											<ul class="list-inline">
												<li>
													<a href="author.html">
														<img src="assets/img/author/1.jpg" alt="">
													</a>
												</li>
												<li>
													<a href="author.html">David Smith</a>
												</li>
												<li class="dot"></li>
												<li>January 15, 2021</li>
											</ul>
										</div>
									</div>
								</div>
							</div>
							<!--/-->

							<!--Post-3-->
							<div class="card">
								<div class="post-card">
									<div class="post-card-image">
										<a href="post-default.html">
											<img src="assets/img/blog/24.jpg" alt="">
										</a>

									</div>
									<div class="post-card-content">
										<a href="blog-grid.html" class="categorie">Food</a>
										<h5>
											<a href="post-default.html">Enjoy My Favourite Molten Chocolate Cake</a>
										</h5>
										<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Odit quam atque ipsa
											laborum sunt
											distinctio...
										</p>
										<div class="post-card-info">
											<ul class="list-inline">
												<li>
													<a href="author.html">
														<img src="assets/img/author/1.jpg" alt="">
													</a>
												</li>
												<li>
													<a href="author.html">David Smith</a>
												</li>
												<li class="dot"></li>
												<li>January 15, 2021</li>
											</ul>
										</div>
									</div>
								</div>
							</div>
							<!--/-->

							<!--Post-4-->
							<div class="card">
								<div class="post-card">
									<div class="post-card-image">
										<a href="post-default.html">
											<img src="assets/img/blog/7.jpg" alt="">
										</a>

									</div>
									<div class="post-card-content">
										<a href="blog-grid.html" class="categorie">Food</a>

										<h5>
											<a href="post-default.html">How to make cokies with Chocolate for your
												kids?</a>
										</h5>
										<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Odit quam atque ipsa
											laborum sunt
											distinctio...
										</p>
										<div class="post-card-info">
											<ul class="list-inline">
												<li>
													<a href="author.html">
														<img src="assets/img/author/1.jpg" alt="">
													</a>
												</li>
												<li>
													<a href="author.html">David Smith</a>
												</li>
												<li class="dot"></li>
												<li>January 15, 2021</li>
											</ul>
										</div>
									</div>
								</div>
							</div>
							<!--/-->

							<!--Post-5-->
							<div class="card">
								<div class="post-card">
									<div class="post-card-image">
										<a href="post-default.html">
											<img src="assets/img/blog/27.jpg" alt="">
										</a>

									</div>
									<div class="post-card-content">
										<a href="blog-grid.html" class="categorie">Livestyle</a>
										<h5>
											<a href="post-default.html">How to Choose Outfits for Work for woman and
												men</a>
										</h5>
										<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Odit quam atque ipsa
											laborum sunt
											distinctio...
										</p>
										<div class="post-card-info">
											<ul class="list-inline">
												<li>
													<a href="author.html">
														<img src="assets/img/author/1.jpg" alt=""> </a>
												</li>
												<li>
													<a href="author.html">David Smith</a>
												</li>
												<li class="dot"></li>
												<li>January 15, 2021</li>
											</ul>
										</div>
									</div>
								</div>
							</div>
							<!--/-->

							<!--Post-6-->
							<div class="card">
								<div class="post-card">
									<div class="post-card-image">
										<a href="post-default.html">
											<img src="assets/img/blog/23.jpg" alt="">
										</a>

									</div>
									<div class="post-card-content">
										<a href="blog-grid.html" class="categorie">Nature</a>
										<h5>
											<a href="post-default.html">Discovering the Natural History of Trinidad and
												Tobago</a>
										</h5>
										<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Odit quam atque ipsa
											laborum sunt
											distinctio...
										</p>
										<div class="post-card-info">
											<ul class="list-inline">
												<li>
													<a href="author.html">
														<img src="assets/img/author/1.jpg" alt="">
													</a>
												</li>
												<li>
													<a href="author.html">David Smith</a>
												</li>
												<li class="dot"></li>
												<li>January 15, 2021</li>
											</ul>
										</div>
									</div>
								</div>
							</div>
							<!--/-->

							<!--Post-7-->
							<div class="card">
								<div class="post-card">
									<div class="post-card-image">
										<a href="post-default.html">
											<img src="assets/img/blog/26.jpg" alt="">
										</a>

									</div>
									<div class="post-card-content">
										<a href="blog-grid.html" class="categorie">Livestyle</a>
										<h5>
											<a href="post-default.html">Top 10 Fashion Trends from Spring/Summer 2021
												Fashion Weeks</a>
										</h5>
										<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Odit quam atque ipsa
											laborum sunt
											distinctio...
										</p>
										<div class="post-card-info">
											<ul class="list-inline">
												<li>
													<a href="author.html">
														<img src="assets/img/author/1.jpg" alt="">
													</a>
												</li>
												<li>
													<a href="author.html">David Smith</a>
												</li>
												<li class="dot"></li>
												<li>January 15, 2021</li>
											</ul>
										</div>
									</div>
								</div>
							</div>
							<!--/-->

							<!--Post-8-->
							<div class="card">
								<div class="post-card">
									<div class="post-card-image">
										<a href="post-default.html">
											<img src="assets/img/blog/2.jpg" alt="">
										</a>

									</div>
									<div class="post-card-content">
										<a href="blog-grid.html" class="categorie">Livestyle</a>
										<h5>
											<a href="post-default.html">20+ Cute Girly Outfits to Buy for the First Day
												of Winter</a>
										</h5>
										<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Odit quam atque ipsa
											laborum sunt
											distinctio...
										</p>
										<div class="post-card-info">
											<ul class="list-inline">
												<li>
													<a href="author.html">
														<img src="assets/img/author/1.jpg" alt="">
													</a>
												</li>
												<li>
													<a href="author.html">David Smith</a>
												</li>
												<li class="dot"></li>
												<li>January 15, 2021</li>
											</ul>
										</div>
									</div>
								</div>
							</div>
							<!--/-->

							<!--Post-9-->
							<div class="card">
								<div class="post-card">
									<div class="post-card-image">
										<a href="post-default.html">
											<img src="assets/img/blog/1.jpg" alt="">
										</a>

									</div>
									<div class="post-card-content">
										<a href="blog-grid.html" class="categorie">food</a>

										<h5>
											<a href="post-default.html">5 five places must visit in turkey to relax from
												work</a>
										</h5>
										<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Odit quam atque ipsa
											laborum sunt
											distinctio...
										</p>
										<div class="post-card-info">
											<ul class="list-inline">
												<li>
													<a href="author.html">
														<img src="assets/img/author/1.jpg" alt="">
													</a>
												</li>
												<li>
													<a href="author.html">David Smith</a>
												</li>
												<li class="dot"></li>
												<li>January 15, 2021</li>
											</ul>
										</div>
									</div>
								</div>
							</div>
							<!--/-->

							<!--Post-10-->
							<div class="card">
								<div class="post-card">
									<div class="post-card-image">
										<a href="post-default.html">
											<img src="assets/img/blog/1.jpg" alt="">
										</a>

									</div>
									<div class="post-card-content">
										<a href="blog-grid.html" class="categorie">food</a>

										<h5>
											<a href="post-default.html">5 five places must visit in turkey to relax from
												work</a>
										</h5>
										<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Odit quam atque ipsa
											laborum sunt
											distinctio...
										</p>
										<div class="post-card-info">
											<ul class="list-inline">
												<li>
													<a href="author.html">
														<img src="assets/img/author/1.jpg" alt="">
													</a>
												</li>
												<li>
													<a href="author.html">David Smith</a>
												</li>
												<li class="dot"></li>
												<li>January 15, 2021</li>
											</ul>
										</div>
									</div>
								</div>
							</div>

						</div>
						<!--pagination-->
						<div class="pagination mt-30">
							<ul class="list-inline">
								<li class="active">
									<a href="#">1</a>
								</li>
								<li>
									<a href="#">2</a>
								</li>
								<li>
									<a href="#">3</a>
								</li>
								<li>
									<a href="#">4</a>
								</li>
								<li>
									<a href="#">
										<i class="arrow_carrot-2right"></i>
									</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!--/-->

		<!--newslettre-->
		<!-- <section class="newslettre">
        <div class="container-fluid">
            <div class="row d-flex align-items-center">
                <div class="col-lg-6 offset-lg-3 col-md-8 offset-md-2 col-sm-10 offset-sm-1 text-center">
                    <div class="newslettre-info">
                        <h5>Subscribe to our Newslatter</h5>
                        <p> Sign up for free and be the first to get notified about new posts. </p>
                    </div>
                    <form action="#" class="newslettre-form">
                        <div class="form-flex">
                            <div class="form-group">
                                <input type="email" class="form-control" placeholder="Your email adress" required="required">
                            </div>
                            <button class="submit-btn" type="submit">Subscribe</button>
                        </div>
                    </form>
                    <div class="social-icones">
                        <ul class="list-inline">
                            <li>
                                <a href="#">
                                    <i class="fab fa-facebook-f"></i>Facebook</a>
                            </li>
                            <li>
                                <a href="#">
                                    <i class="fab fa-twitter"></i>Twitter </a>
                            </li>
                            <li>
                                <a href="#">
                                    <i class="fab fa-instagram"></i>Instagram </a>
                            </li>
                            <li>
                                <a href="#">
                                    <i class="fab fa-youtube"></i>Youtube</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section> -->

		<!--footer-->
		<!-- <footer class="footer">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-12">
                    <div class="copyright">
                        <p>© Copyright 2021 <a href="http://www.bootstrapmb.com/">AssiaGroupe</a>, All rights reserved.</p>
                    </div>
                    <div class="back">
                        <a href="#" class="back-top">
                            <i class="arrow_up"></i>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </footer> -->

		<!--Search-form-->
		<div class="search">
			<div class="container-fluid">
				<div class="row">
					<div class="col-lg-6 offset-lg-3 col-md-8 offset-md-2 col-sm-10 offset-sm-1 text-center">
						<button type="button" class="close">
							<i class="icon_close"></i>
						</button>
						<form class="search-form" action="#">
							<input type="search" value="" placeholder="What are you looking for?">
							<button type="submit" class="search-btn">search</button>
						</form>
					</div>
				</div>
			</div>
		</div>
		<!--/-->

		<div class="search">
			<div class="container-fluid">
				<div class="row">
					<div class="col-lg-6 offset-lg-3 col-md-8 offset-md-2 col-sm-10 offset-sm-1 text-center">
						<button type="button" class="close">
							<i class="icon_close"></i>
						</button>
						<form class="search-form" action="#">
							<input type="search" value="" placeholder="What are you looking for?">
							<button type="submit" class="search-btn">submit</button>
						</form>
					</div>
				</div>
			</div>
		</div>


		<!-- jQuery first, then Popper.js, then Bootstrap JS -->
		<script src="assets/js/jquery-3.5.0.min.js"></script>
		<script src="assets/js/popper.min.js"></script>
		<script src="assets/js/bootstrap.min.js"></script>

		<!-- JS Plugins  -->
		<script src="assets/js/ajax-contact.js"></script>
		<script src="assets/js/owl.carousel.min.js"></script>
		<script src="assets/js/main.js"></script>


	</body>

</html>
